import $ from 'jquery';

// import './css/index.css';

$(function () {
$('li:odd').css('background-color','red');
$('li:even').css('background-color',function () {
    return '#'+'7ACDE3';
});

})

import Vue from '../node_modules/vue/dist/vue'

import VueRouter from 'vue-router'
import login2 from './main/login.vue'
import register from './main/register.vue'
import app from './app.vue'

Vue.use(VueRouter);

// import Vue from 'vue'

import login from "./login.vue"

//引入mintui

import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

import { Toast } from 'mint-ui';
import { Button } from 'mint-ui';

import goods from './main/Goods.vue'

import gouwu from './GouWu.vue'

import { Header } from 'mint-ui';

Vue.component(Header.name, Header);


// 引入mui

//导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
//导入mint-ui组件对象
import mintui from 'mint-ui';
import { Swipe, SwipeItem } from 'mint-ui';

Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);

//5.0注册mui的css样式
import '../node_modules/mui/js/mui.min.js'
import './mui/css/mui.min.css'
import './mui/css/icons-extra.css'
// import './mui/fonts/mui.ttf'

//引入bootstrap
// import 'bootstrap/dist/css/bootstrap.css'
// import 'bootstrap/dist/js/bootstrap.min.js'

//引入页面
import home from  './components/Home.vue'
import person from  './components/Person.vue'
import shopCart from  './components/ShopCart.vue'
import products from  './components/Products.vue'

var router = new VueRouter({
    routes:[
        {path: '/', redirect: '/home'},
        {path:'/login',component:login2},
        {path:'/register',component:register},
        {path:'/goods',component:goods},
        //这个是页面
        {path:'/home',component:home},
        {path:'/person',component:person},
        {path:'/shopCart',component:shopCart},
        {path:'/products',component:products},

    ],
    linkActiveClass:"mui-active"
});


var vm = new Vue({
    el: "#app",
    // data:function(){
    //     return {
    //         msg: "123"
    //     }
    // },
    // render:c => c(app),
    render:function (createElement) {
        return createElement(gouwu)
    },
    router
})


